html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a:focus {outline:0;}

body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #FFFFFF;
}

.personal-info-edit{margin-top:2px}
.personal-info-edit tr td{padding:3px 2px}
.personal-info-edit input{width:140px; height:40px; line-height:40px; border:1px #ddd solid; background:#fff; text-indent:10px}
.personal-info-edit input:hover{ border-color:#ffab33}
.personal-info-edit .select-t{width:85px; height:35px; line-height:35px; padding:0 2px; border:1px #ddd solid; background:#fff; margin-right:2px}
.personal-info-edit .select-t:hover{ border-color:#ffab33}
.personal-info-edit .select-t > option:hover{ background:#F00}

.personal-photo{margin-left:-0px;}
.personal-photo li{width:45%; height:140px; display:inline-block; margin:5px 5px 0;position:relative;
    transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;}
.personal-photo li img{width:100%; height:140px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;}
.personal-photo li:hover img{opacity:.8;filter:alpha(opacity=80)}
.personal-photo li:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}
.personal-photo li span{display:none}
.self-photo li span img{height:30px; width:50px;background-color:rgba(12,12,12,.4);}
.self-photo li span{position:absolute; top:0; right:0; cursor:pointer; display:block}

.title{ border-left:10px #ffab33 solid; padding-left:12px; font-size:22px; line-height:34px; height:34px;}
.title a{float:right; line-height:24px; margin-top:5px}
.title a img{float:left; margin-right:4px}

.head{width:100px; height:100px; border-radius:50%}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
    display:none;
}

em.error:before {
    content: "\f00d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 120%!important;
}

em.error {
    /*background: rgba(0, 0, 0, 0) url("../images/icons/cross.gif") no-repeat scroll 0 0;*/
    color: red;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 5px;
    /*padding-left: 15px;*/
    vertical-align: middle;
}

em.success {
    padding-left: 20px;
    color: #333;
    font-size: 13px;
    background-size: contain;
    background: url("../images/icons/yes.gif") no-repeat 0px 0px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.page-header {
    padding-bottom: 10px;
    padding-top: 5px;
    vertical-align: middle;
}

.navbar {
    background:#404040;
}
/*.no-skin .nav-list>li.active>a {*/
    /*font-weight: bold;*/
    /*color: #F3654B;*/
/*}*/
/*.no-skin .nav-list li.active>a:after {*/
    /*border-right-color: #F3654B;*/
/*}*/
/*.no-skin .nav-list>li.active:after {*/
    /*border-color: #F3654B;*/
/*}*/
.navbar-buttons {
    display: block;
}
@media (min-width: 320px) {
    .navbar-buttons {
        display: none;
    }
}
@media (min-width: 414px) {
    .navbar-buttons {
        display: none;
    }
}
@media only screen and (min-width: 480px) and (max-width: 960px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-buttons {
        display: block;
    }
}

.navbar-buttons {
    display: block;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width:1px !important;
}


.ace-thumbnails > li {
    border: 1px solid #333 !important;
    display: block;
    float: left;
    margin: 2px;
    overflow: hidden;
    position: relative;
}
.message-content {
    border-width:1px 1px 1px 1px;
}


.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

@-moz-document url-prefix() {
    .icon-spin {
        height: .9em
    }
    .btn .icon-spin {
        height: auto
    }
    .icon-spin.icon-large {
        height: 1.25em
    }
}